<template>
	<view>
		<view class="navBarBox">
			<view class="statusBar" :style="{ paddingTop: statusBarHeight + 'px' }"></view>
			<view class="navBar">
				<view class="goback">
				</view>
				<view class="title"> </view>
				<view class="right">
				</view>
			</view>
		</view>
		<text class="tel1">欢迎来到慕学素质教育开放平台</text>
		<text class="tel2">请完善相关信息我们将为您提供针对性服务</text>
		<view class="choice">
			<view class="upper">
				<view @click="goTeacherReg" class="parent Img radio" style="background: url(../../static/img/register/1bgjz.png);background-size:350rpx;">
					<view class="p1">我是老师</view>
				</view>
				<view @click="goParentRegister" class="schoolTeacher Img" style="background: url(../../static/img/register/1bgls.png);background-size:350rpx;">
					<view class="p1">我是家长</view>
				</view>
			</view>
			<view @click="goMechRegisters" class="lower">
				<view class="mechanism Img" style="background: url(../../static/img/register/1bggly.png);background-size:350rpx;">
					<view class="p1">我是机构管理员 </view>
				</view>
				<view @click="goSchRegisters" class="institutionalTeacher Img" style="background: url(../../static/img/register/1bgjz.png);background-size:350rpx;">
					<view class="p1">我是学校管理员</view>
				</view>
			</view>
		</view>
	</view>

</template>

<script>
	export default {
		data() {
			return {
				// 状态栏高度
				statusBarHeight: 0,
				// 导航栏高度
				navBarHeight: 82 + 11,
			}
		},
		created() {
			//获取手机状态栏高度
			this.statusBarHeight = uni.getSystemInfoSync()['statusBarHeight'];
		},
		methods: {
			// 点击进入机构注册页
			goMechRegisters() {
				uni.navigateTo({
					url: './mechmanagregister/mechManagRegister'
				});
			},
			//点击进入老师身份选择页
			goTeacherReg() {
				uni.navigateTo({
					url: './schoolteacherregister/ChooseTeacher'
				});
			},
			//点击进入我是家长页
			goParentRegister() {
				uni.navigateTo({
					url: 'parentregister/parentRegister'
				});
			},
			// 点击进入我是学校管理员页
			goSchRegisters(){
				uni.navigateTo({
					url: 'schoolmanagregister/schAdminAdd'
				});
			}

		}
	}
</script>

<style>
	.navBarBox .navBar {
		padding: 3rpx 50rpx;
		padding-bottom: 8rpx;
		display: flex;
		justify-content: space-between;

		line-height: 93rpx;
		font-size: 40rpx;
	}

	.goback {
		flex: 1;
		height: 100%;
	}

	.goicon {
		width: 30rpx;
		height: 30rpx;
		background-color: #00BEA9;
		margin-top: 30rpx;
	}

	.title {
		flex: 4;
		height: 100%;

	}

	.right {
		flex: 1;
	}

	text {
		margin-left: 28rpx;
	}

	.p1 {
		margin-left: 44rpx;
		margin-top: 36rpx;
		font-size: 33rpx;
		color: #fff;
	}

	.tel1 {
		display: block;
		font-size: 18px;
		font-weight: bold;
		margin-bottom: 38rpx;
		color: rgb(16, 26, 35);
	}

	.tel2 {
		color: rgb(46, 56, 66);
	}

	.choice {
		margin-top: 166rpx;
	}

	.Img {
		width: 350rpx;
		height: 280rpx;
		float: left;
	}

	.lab {
		margin-left: 270rpx;

	}
</style>
